import { StyleSheet, PixelRatio, Dimensions } from "react-native"
import { style } from '../../../../theme/style';
import { GLOBAL } from '../../../../config/global';
const scale = GLOBAL.SCALE;

export const orderFormStyle = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: style.color.white,
		paddingLeft: 15 * scale,
		paddingRight: 15 * scale,
	},
	topImg: {
		width: 16 * scale,
		height: 16 * scale,
		marginTop: 14 * scale,
	},
	delPayment: {
		position: 'absolute',
		zIndex: 99,
		right: 12 * scale,
		height: 22 * scale,
		top: 17 * scale,
		fontSize: 13 * scale,
		color: '#0087FF'
	},
	addPayment: {
		height: 22 * scale,
		backgroundColor: '#E2F2FF',
		textAlign: 'center',
		borderRadius: 4 * scale,
		borderWidth: 1 / PixelRatio.get(),
		borderColor: '#89C8FF',
		marginTop: 14 * scale,
		height: 27 * scale,
		lineHeight: 27 * scale,
		width: 97 * scale,
		color: '#0087FF'
	},
	lostRate: {
		position: 'absolute',
		zIndex: 10,
		right: 1 * scale,
		alignItems: 'center',
		paddingLeft: 15 * scale,
		bottom: 40 * scale,
		width: 100 * scale,
		height: 20 * scale,
		flexDirection: 'row',
		borderRadius: 8 * scale,
		borderWidth: 1 / PixelRatio.get(),
		borderColor: '#0087ff'
	},
	accountDay: {
		position: 'absolute',
		right: 1 * scale,
		fontSize: 12 * scale,
		height: 12 * scale,
		lineHeight: 12 * scale,
		bottom: 40 * scale,
	},
	standard: {
		color: 'red',
		fontSize: 12 * scale,
		paddingLeft: 10 * scale,
		height: 12 * scale,
		lineHeight: 12 * scale
	},
	currencyType: {
		fontSize: 12 * scale,
		color: style.color.darkGray,
		height: 17 * scale,
		lineHeight: 17 * scale,
		marginTop: 17 * scale,
		marginBottom: 17 * scale,
	},
	listDay: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'space-between',
		flexWrap: 'wrap',
	},
	trust: {
		color: '#F66464',
		fontSize: 13 / scale,
		paddingTop: 10 / scale
	},
	// 长约执行
	topImg: {
		width: 16 * scale,
		height: 16 * scale,
		marginTop: 14 * scale,
	},
	listRow: {
		flexDirection: 'row',
		marginTop: 12 * scale,
		marginBottom: 12 * scale
	},
	item: {
		width: '50%'
	},
	itenName: {
		fontSize: 12 * scale,
		color: style.color.darkGray
	},
	itemValue: {
		fontSize: 13 * scale,
		color: style.color.dark,
		paddingTop: 20 * scale
	},
	billText: {
		flexDirection: 'row',
	}
});

export const orderBlockStyle = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: style.color.white,
		paddingLeft: 15 * scale,
		paddingRight: 15 * scale
	},
	inputBox: {
		flexDirection: 'row'
	},
	inputNr: {
		flexDirection: 'row',
		alignItems: 'center',
		width: '100%',
		justifyContent: 'space-between',
		position: 'absolute',
		top: 14 * scale,
		paddingLeft: 20 * scale,
		paddingRight: 15 * scale
	},
	inputKk: {
		width: 350 * scale,
	},
	infoBox: {
		marginBottom: 12 * scale
	},
	infoImg: {
		width: 350 * scale,
	},
	saveBtnBox: {
		position: 'absolute',
		width: 50 * scale,
		height: 50 * scale,
		right: 65 * scale,
		bottom: 20 * scale,
		borderBottomWidth: 1 / PixelRatio.get(),
		borderStyle: 'solid',
		borderBottomColor: style.color.normal,

	},
	saveBtn: {
		lineHeight: 50 * scale,
		color: style.color.normal,
		fontSize: 12 * scale,
		textAlign: 'center'
	},
	infoHead: {
		position: 'absolute',
		flexDirection: 'row',
		width: '100%',
		justifyContent: 'space-between',
		alignItems: 'center',
		top: 14 * scale,
		paddingLeft: 20 * scale,
		paddingRight: 15 * scale
	},
	infoTitle: {
		fontSize: 13 * scale,
		color: style.color.darkGray
	},
	infoBody: {
		flexDirection: 'row',
		position: 'absolute',
		alignItems: 'center',
		top: 38 * scale,
		paddingLeft: 20 * scale,
		paddingRight: 15 * scale,
		marginTop: 10 * scale,
		flexWrap: 'wrap',
	},
	infoText: {
		lineHeight: 25 * scale,
		fontSize: 13 * scale,
		color: style.color.black
	},
	infoAddBox: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'flex-end'
	},
	infoAddImg: {
		width: 12 * scale,
		height: 12 * scale,
		tintColor: style.color.cerulean
	},
	infoAddText: {
		color: style.color.cerulean,
		fontSize: 13 * scale,
		marginLeft: 7 * scale
	},
	removeItem: {
		height: 22 * scale,
		flexDirection: 'row',
		width: '100%',
		justifyContent: 'space-between',
	},
	removeBtn: {
		color: style.color.themeColor,
		width: 100 * scale,
		textAlign: 'right'
	},
	statusStyle: {
		flex: 1,
		position: 'absolute',
		height: '100%',
		width: Dimensions.get('window').width,
		top: 0,
		left: 0,
		flexDirection: 'column',
		justifyContent: 'center',
		alignItems: 'center'
	},
	info: {
		color: '#F66464',
		fontSize: 13 * scale,
		marginTop: 8 * scale,
	},
	formBox: {
		paddingBottom: 40 * scale,
	},
	paddingB100: {
		paddingBottom: 100 * scale,
	},
	paddingT20: {
		paddingTop: 20 * scale,
	},
	label: {
		color: '#8b8b8b',
		fontSize: 12 * scale,
		marginTop: 17 * scale
	},
	value: {
		color: '#404040',
		fontSize: 13 * scale,
		marginTop: 15 * scale
	}
})

export const toggleBtnStyle = StyleSheet.create({
	listItemActive: {
		flexDirection: 'row',
		alignItems: 'center',
		height: 27 * scale,
		marginTop: 17 * scale,
	},
	keyText: {
		fontSize: 12 * scale,
		color: style.color.darkGray,
		marginRight: 30 * scale
	},
	unCheckText: {
		width: 97 * scale,
		height: 27 * scale,
		lineHeight: 27 * scale,
		textAlign: 'center',
		borderRadius: 4 * scale,
		backgroundColor: '#DDDDDD',
		color: '#8B8B8B',
		overflow: 'hidden',
		marginRight: 8 * scale,
	},
	checkedText: {
		width: 97 * scale,
		height: 27 * scale,
		lineHeight: 27 * scale,
		textAlign: 'center',
		borderRadius: 4 * scale,
		backgroundColor: '#0087FF',
		color: style.color.white,
		overflow: 'hidden',
		marginRight: 8 * scale,
	}
})